<template>
  <div>
    <div style="display: flex; align-items: center;">
        <img src="~/static/index/left@2x.png" alt="" style="width:66px;height:56px" @click="goBack">
        <div style="margin:0 auto;width:33%;font-weight: bold;font-size: 16px;"  > 游戏工具</div>
    </div>
     <div  style="margin:12px" >
      <img src="~/static/index/Decklibrary@2x.png" alt="" style="height:80px;width:100%" @click="golushikauz()">
      <img src="~/static/index/Cardation@2x.png" alt="" style="margin:16px 0;height:80px;width:100%" @click="golushikapai()">
      <img src="~/static/index/Cardillustration.png" alt=""  style="height:80px;width:100%" @click="golushikazumo()">
     </div>
  </div>
</template>

<script>
  export default {
    methods: {
      goBack() {
        this.$router.push('/')
      },
      golushikauz(){
          window.location.href = 'https://h5-tool.77.top/#/homePackages/cardGroup';
      },
      golushikapai(){
          window.location.href = 'https://h5-tool.77.top/#/homePackages/cardGuid';
      },
      golushikazumo(){
          window.location.href = 'https://h5-tool.77.top/#/pages/cardGroup/index';
      }
    }
  }
</script>
<style scoped>
*{
  margin: 0;
  padding: 0;
}
.headers {
  height: 112px;
}
</style>